<template>
  <uni-card>
    <image slot='cover' style="width: 100%;height: 200rpx;margin-top: 10rpx" mode="scaleToFill" :src="BASE_IMG_URL+device.img"></image>
    <text class="title">{{ device.name  }}</text>
<!--    <text class="text">{{ device.model }}</text>-->
    <text class="text">{{ device.deviceCode }}</text>
  </uni-card>
</template>

<script>
import {BASE_IMG_URL} from "../../api/service";
import View from "../normalUser/public/Notice/view";

export default {
  name: "DeviceCard",
  components: {View},
  props: {
    dataId: {
      type: String,
      default: 'hm-cover-card'
    },
    device: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {
      BASE_IMG_URL: BASE_IMG_URL,
    };
  },
  methods: {}
}
</script>

<style scoped>
.hm-cover-card {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 750 rpx;
  height: 734.42 rpx;
}

.box {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-left: 15.58 rpx;
  border-radius: 38.96 rpx;
  box-shadow: 0px 10px 30px rgba(209, 213, 223, 0.5);
  background-color: #ffffff;
  width: 720.78 rpx;
  height: 656.49 rpx;
}

.body {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 29.22 rpx;
  border-radius: 29.22 rpx;
  background-color: #141821;
  box-shadow: 0px 10px 30px rgba(209, 213, 223, 0.5);
  width: 662.34 rpx;
  height: 411.04 rpx;
  overflow: hidden;
}

.entryPic {
  width: 662.34 rpx;
  height: 411.04 rpx;
}

.ft {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 58.44 rpx;
  width: 603.9 rpx;
  height: 95.45 rpx;
}

.wrap {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: 95.45 rpx;
}

.title {
  position: relative;
  opacity: 1;
  max-width: 185.06 rpx;
  height: 42.86 rpx;
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  line-height: 42.86 rpx;
  white-space: nowrap;
  color: #141821;
  font-weight: 400;
}

.text {
  position: relative;
  opacity: 1;
  margin-top: 13.64 rpx;
  line-height: 38.96 rpx;
  white-space: nowrap;
  color: #858997;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-weight: normal;
  display: block;
}

.shoucangWrap {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 5.84 rpx;
  border-radius: 38.96 rpx;
  background-color: #fec4b0;
  width: 77.92 rpx;
  height: 77.92 rpx;
}

.shoucang {
  width: 35.06 rpx;
  height: 29.22 rpx;
}
</style>